import React from 'react'
import { NavBar, Flex, Circle, Space, Button,Divider  } from "react-vant"
import './index.less'
export default function Question() {
  return (
    <div style={{ fontFamily: "幼圆" }}>
      <NavBar
        title="经济基础"
        leftText="返回"
        onClickLeft={() => Toast('返回')}
      />
      <Divider  style={{borderColor:"black"}}/>
      <div className='demo-flex'>
        <div >
          <ul className='left'>
            <li>
              <Circle strokeWidth={180} startPosition="right"
                rate={82} speed={100} text="90%"
                color={{
                  '0%': '#3fecff',
                  '100%': '#6149f6',
                }} />
            </li>
            <li>
              <ul className='right'>
                <li>
                  <Space >
                    <span>总题数：</span>
                    <span>500</span>
                    <hr />
                  </Space></li>
                <li>
                  <Space >
                    <span>已做：</span>
                    <span>400</span>
                    <hr />
                  </Space>
                </li>
                <li>
                  <Space >
                    <span>错题：</span>
                    <span style={{color:"red"}}>200</span>
                    <hr  />
                  </Space>
                </li>
                <li></li>
              </ul>


            </li>
          </ul>


        </div>
      </div>
    </div>

  )
}
